<template>
    <panel-item :field="field">
        <div slot="value">
            <img :src="field.value" v-if="field.value"
                 class="card relative border border-lg border-50 overflow-hidden px-0 py-0"
                 style="max-height: 12rem; max-width: 100%;"/>
            <span v-if="field.value">{{field.value}}</span>
            <span v-else>&mdash;</span>
        </div>
    </panel-item>
</template>

<script>
    export default {
        props: ['resource', 'resourceName', 'resourceId', 'field'],
    }
</script>
